<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My Project</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i%7CSource+Code+Pro:400,400i,600" />
  <link rel="stylesheet" href="m-dark+documentation.compiled.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="index.html" id="m-navbar-brand" class="m-col-t-8 m-col-m-none m-left-m">My Project</a>
    </div>
  </div>
</nav></header>
<main><article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>
          My Project
        </h1>
<p>Note: the test uses DejaVu Sans instead of Source Sans Pro in order to have predictable rendering on the CIs.</p><div class="m-graph"><svg style="width: 16.312rem; height: 5.312rem;" viewBox="0.00 0.00 261.18 85.48">
<g transform="scale(1 1) rotate(0) translate(4 81.48)">
<title>Basics</title>
<g class="m-node">
<title>a</title>
<polygon points="54,-41.09 0,-41.09 0,-5.09 54,-5.09 54,-41.09"/>
<text text-anchor="middle" x="27" y="-19.29">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="114.09" cy="-23.09" rx="19.17" ry="19.17"/>
<ellipse cx="114.09" cy="-23.09" rx="23.18" ry="23.18"/>
<text text-anchor="middle" x="114.09" y="-19.29">b</text>
</g>
<g class="m-edge">
<title>a&#45;&gt;b</title>
<path d="M54.46,-23.09C62.78,-23.09 72.07,-23.09 80.75,-23.09"/>
<polygon points="80.94,-26.59 90.94,-23.09 80.94,-19.59 80.94,-26.59"/>
</g>
<g class="m-node m-flat">
<title>c</title>
<ellipse cx="226.18" cy="-23.09" rx="27" ry="18.27"/>
<text text-anchor="middle" x="226.18" y="-19.29">c</text>
</g>
<g class="m-edge">
<title>b&#45;&gt;c</title>
<path d="M137.37,-23.09C152.15,-23.09 171.88,-23.09 188.89,-23.09"/>
<polygon points="189.07,-26.59 199.07,-23.09 189.07,-19.59 189.07,-26.59"/>
<text text-anchor="middle" x="168.18" y="-35.09" style="font-size: 40.0px;">0</text>
</g>
<g class="m-edge">
<title>c&#45;&gt;c</title>
<path d="M215.91,-40.31C213.81,-50.24 217.23,-59.48 226.18,-59.48 231.92,-59.48 235.38,-55.68 236.58,-50.35"/>
<polygon points="240.08,-50.27 236.46,-40.31 233.08,-50.35 240.08,-50.27"/>
<text text-anchor="middle" x="226.18" y="-64.68">1</text>
</g>
</g>
</svg>
</div><div class="m-graph"><svg style="width: 5.812rem; height: 8.562rem;" viewBox="0.00 0.00 93.09 136.95">
<g transform="scale(1 1) rotate(0) translate(4 132.95)">
<title>Colors</title>
<g class="m-node m-success m-flat">
<title>a</title>
<ellipse cx="27" cy="-110.57" rx="27" ry="18.27"/>
<text text-anchor="middle" x="27" y="-106.77">a</text>
</g>
<g class="m-node m-dim">
<title>b</title>
<ellipse cx="27" cy="-19.09" rx="19.18" ry="19.18"/>
<text text-anchor="middle" x="27" y="-15.29">b</text>
</g>
<g class="m-edge m-warning">
<title>a&#45;&gt;b</title>
<path d="M27,-91.89C27,-79.55 27,-62.82 27,-48.61"/>
<polygon points="30.5,-48.35 27,-38.35 23.5,-48.35 30.5,-48.35"/>
<text text-anchor="middle" x="41" y="-61.38">yes</text>
</g>
<g class="m-edge m-primary">
<title>b&#45;&gt;b</title>
<path d="M44.55,-27.24C54.67,-28.91 64.09,-26.19 64.09,-19.09 64.09,-14.54 60.23,-11.8 54.79,-10.84"/>
<polygon points="54.52,-7.35 44.55,-10.94 54.59,-14.35 54.52,-7.35"/>
<text text-anchor="middle" x="74.59" y="-15.29">no</text>
</g>
</g>
</svg>
</div><figure class="m-figure"><svg class="m-graph" style="width: 5rem;" viewBox="0.00 0.00 62.00 117.54">
<g transform="scale(1 1) rotate(0) translate(4 113.54)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-91.15" rx="27" ry="18.27"/>
<text text-anchor="middle" x="27" y="-87.35">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-18.38" rx="27" ry="18.27"/>
<text text-anchor="middle" x="27" y="-14.58">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-72.66C27,-61.85 27,-48.03 27,-37.17"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure><figure class="m-figure"><svg class="m-graph" style="height: 5rem;" viewBox="0.00 0.00 62.00 117.54">
<g transform="scale(1 1) rotate(0) translate(4 113.54)">
<g class="m-node m-flat">
<title>a</title>
<ellipse cx="27" cy="-91.15" rx="27" ry="18.27"/>
<text text-anchor="middle" x="27" y="-87.35">a</text>
</g>
<g class="m-node m-flat">
<title>b</title>
<ellipse cx="27" cy="-18.38" rx="27" ry="18.27"/>
<text text-anchor="middle" x="27" y="-14.58">b</text>
</g>
<g class="m-edge">
<title>a&#45;&#45;b</title>
<path d="M27,-72.66C27,-61.85 27,-48.03 27,-37.17"/>
</g>
</g>
</svg>
<figcaption>A graph</figcaption></figure>
      </div>
    </div>
  </div>
</article></main>
</body>
</html>
